<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JS-函数</title>
</head>
<body>
  

  <script>
    //1. 自定义对象
    // let user = {
    //   name: 'Tom',
    //   age: 18,
    //   gender: '男',
    //   sing: function(){
    //     alert(this.name + '悠悠的唱着最炫的民族风~')
    //   }
    // }

    //let user = {
    //  name: 'Tom',
    //  age: 18,
    //  gender: '男',
    //  sing(){
    //    alert(this.name + '悠悠的唱着最炫的民族风~')
    //  }
    //}

    // let user = {
    //   name: 'Tom',
    //   age: 18,
    //   gender: '男',
    //   sing: () => { //注意: 在箭头函数中, this并不指向当前对象 - 指向的是当前对象的父级 【不推荐】
    //     alert(this + ':悠悠的唱着最炫的民族风~')
    //   }
    // }

    //2. 调用对象属性/方法
    //alert(user.name);
    //user.sing();


    //3. JSON - JS对象标记法
  //  let person = {
  //    name: 'itcast',
  //    age: 18,
  //    gender: '男',
  //  }
  //  alert(JSON.stringify(person));

   let personJson = '{"name": "spider", "age": 18}';
   alert(JSON.parse(personJson).name);
    

  </script>
</body>
</html>